<!DOCTYPE html>
<html ng-app="testPanel">

<head>
	<meta charset="utf-8"/>
	<script src="./node_modules/angular/angular.min.js"></script>
	<script src="./trigger.js"></script>
	<script src="./triggerTest.js"></script>
</head>
<body ng-controller="panel">
	<iframe src="test.html" style="width:1280px;height:500px;"></iframe>
	<div>
		<input ng-model="opts.selector" />
		<button ng-click="getActionOfDOM()">Check Actions</button>
		<input ng-model="opts.action" />
		<input ng-model="actionParam.value" />
		<button ng-click="fire()">FIRE!</button>
	</div>

	<ul style="display:inline-block">
		<li><h3>DOMs</h3></li>
		<li ng-repeat="(s, k) in selectors"
			ng-click="opts.selector=k">{{k}}</li>
	</ul>
	<ul style="display:inline-block">
		<li><h3>Actions of DOM</h3></li>
		<li ng-repeat="(k, s) in DOMActions"
			ng-click="opts.action=k">{{k}}</li>
	</ul>
</body>

</html>
